<div id="childwin" class="fixed">
    <span class="seat"></span>
    <div class="win backColor" type="alter">
        <h3 class="head">
            <span class="title">
                提示
            </span>
            <i class="icon-close"></i>
        </h3>
        <div class="bar"></div>
        <div class="main">
            <p class="text">

            </p>
        </div>
        <div class="tail">
            <div class="around">
                <button class="confirm">
                    确认
                </button>
            </div>
        </div>
    </div>
    <div class="win backColor" type="confirm">
        <h3 class="head">
            <span class="title">
                提示
            </span>
            <i class="icon-close"></i>
        </h3>
        <div class="bar"></div>
        <div class="main">
            <p class="text">

            </p>
        </div>
        <div class="tail">
            <div class="around">
                <button class="cancel">
                    取消
                </button>
                <button class="confirm">
                    确认
                </button>
            </div>
        </div>
    </div>
    <div class="win backColor" type="custom">

    </div>
    <div class="win backColor" type="style">
        <h3 class="head">
            <span class="title">
                主题
            </span>
            <i class="icon-close"></i>
        </h3>
        <div class="bar"></div>
        <div class="main">
            <details open>
                <summary>全局</summary>
                <p>
                    <span>背景颜色：</span>
                    <span class="color-board color-set" name="backColor"></span>
                    <span class="sep"></span>
                    <span>主要字体颜色：</span>
                    <span class="color-board color-set" name="fontColor"></span>
                    <span class="sep"></span>
                    <span>次要字体颜色：</span>
                    <span class="color-board color-set" name="fontColors"></span>
                    <!-- <input type="checkbox" class="switch" name="" id="">
                    <input type="checkbox" name="" id=""> -->
                </p>
            </details>
            <details>
                <summary>其他：</summary>
                <p>
                    呼出侧边栏： <button class="circular" id="expand-sidebar">
                        <i class="icon-expand-sidebar"></i>
                    </button>
                    <span class="sep"></span>
                    <button id="def-style">
                        恢复浅色主题
                    </button>
                    <button id="def-style-dark">
                        恢复深色主题
                    </button>
                </p>
            </details>
        </div>
        <div class="tail">
            <div class="around">
                <button class="cancel">
                    取消
                </button>
                <button class="confirm">
                    确认
                </button>
            </div>
        </div>
    </div>
    <span class="seat"></span>
</div>